VS Code Setup & Semester Projects

This page showcases the beginning of my web development journey using Visual Studio Code (VS Code). Throughout the semester, I have been working on multiple projects every week to build my skills in HTML, CSS, JavaScript, and responsive design. Each project helped me understand real-world coding structure, proper file management, and how to develop fully functional websites.

What I Worked on This Semester

This semester, I completed several projects including a Tribute Page, Survey Form, Parallax Website, Restaurant Page, Conference Page, Music Store Website, and a Photography portfolio. Each assignment was designed to strengthen my front-end development skills and deepen my understanding of coding principles. By the end of the semester, I gained confidence using VS Code, organizing multi-file projects, linking external stylesheets, adding JavaScript, and developing attractive and interactive layouts.

Why I Use Visual Studio Code

VS Code is my main development tool because of its speed, intuitive layout, extensions, and debugging tools. It supports HTML, CSS, JavaScript, Python, and many other languages I am currently learning. The editor makes it easy to manage folders, preview websites, and write clean, readable code.

Sample Code Used This Semester
<!-- Example snippet from an early project -->
<div class="hero">
  <h1>Welcome to My Website</h1>
  <p>This was one of the first components I built using VS Code.</p>
</div>